Top 11 Beautiful And Inspiring Vertical Slideshow JavaScript Resources
Image Gallery with Vertical Thumbnail Navigator
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
Horizontal/vertical drag by auto detect
Jssor slider auto detect drag orientation, when an user touch and drag the slider, it will move horizontal or vertical recording to drag orientation. Position of thumbnails, tabs and bullets are adjustable, can be vertical or horizontal
Javascript code deep compression by smart compression engine
Auto slideshow with optional pause on hover
2. WOW Slider
The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.
WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.
Also, you can share your slider on Facebook.
Image Gallery with jQuery vertical thumbnail scroller Navigator
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
Horizontal/vertical drag by auto detect
Jssor carousel jQuery slider auto detect drag orientation, when an user touch and drag the slider, it will move horizontal or vertical recording to drag orientation. Position of thumbnails, tabs and bullets are adjustable, can be vertical or horizontal
Javascript code deep compression by smart compression engine
Auto slideshow with optional pause on hover
Evo Slider Pro – jQuery Slideshow & Content Slider Plugin
without coding any JavaScript code at all.Vertical controls
It is completely written in JavaScript using the jQuery framework. Horizontal and vertical directions supported.
Automatic height of active slide – There is no need to set default height of active slide of vertical accordion.Orientation – Horizontal and even vertical accordions are supported
Images from graphicriver:1st image in homepage accordion by solarseven2nd image in homepage accordion by solarseven3rd image in homepage accordion by solarseven4th image in homepage accordion by solarseven5th image in homepage accordion by galdzerImages from deviantArt:mobile phones used in products list demo by PierocksmysocksOthers:jQuery – javascript libraryjQuery easing pluginspoon.
It can be easily integrated into your website by placing a piece of slideshow JavaScript code between the <head></head> tags. JavaScript & CSS driven.*Vertical Slide
jQuery JavaScript Framework – http://www.
ctrl_arrows_pos_shift_y: Custom vertical offset of slider arrows
ctrl_arrows_pos_y: Vertical position of slider arrows
ctrl_pag_pos_shift_y: Custom vertical offset of slider pag
ctrl_pag_pos_y: Vertical position of slider pag
hide_grid_cell_overflow: Advanced: Useful when there’s a grid gallery of images with column spacing and images are higher than column content height (practically it means vertical margins seem to be half the size).img_title_pos_y: Vertical position of image title
<script type="text/javascript">
Added Caption text Postion Option (top,center,bottom) and also added a caption Text Y Offset option to exact position your Caption depend on the current Vertical Aligns. You just need to know little HTML and Javascript.
Custom Forms is a set of responsive layout HTML/CSS forms validated via javascript. There are 3 layouts of the forms: vertical , horizontal and modal. The vertical mode structure is label and a field underneath, horizontal – label next to the field and modal type popups the form.
li JQuery JavaScript image slider / banner rotator with many cool features.Vertical Sectors - how many columns one transition has. This means that if you need to change the slider you do not need to tweak the JavaScript code. Animation speed, number of sectors vertical or horizontal, custom transitions per slide, custom link per slide and many more, allows you to build your banner or slider without limiting your creativeness. Have you ever thought about having slider/banner and ads on one page and all they are JavaScript driven? Imagine how cool it is! You can have one JavaScript file and multiple sliders.